<template>
	<view class="item">
		<template v-if="mydata.name == 'toptabs'">
			<toptabs @changtab="changetab" :mydata="mydata"></toptabs>
		</template>
		<template v-if="mydata.name == 'banner'">
			<banner :mydata="mydata"></banner>
		</template>
		<template v-if="mydata.name == 'shangpinzu'">
			<shangpinzu :mydata="mydata"></shangpinzu>
		</template>
		<template v-if="mydata.name == 'tabsContent'">
			<tabsContent :mydata="mydata"></tabsContent>
		</template>
		<template v-if="mydata.name == 'searchBar'">
			<searchBar :mydata="mydata"></searchBar>
		</template>
		<template v-if="mydata.name == 'titleBar'">
			<titleBar :mydata="mydata"></titleBar>
		</template>
		<template v-if="mydata.name == 'singlePics'">
			<singlePics :mydata="mydata"></singlePics>
		</template>
		<template v-if="mydata.name == 'blank'">
			<blank :mydata="mydata"></blank>
		</template>
		<template v-if="mydata.name == 'line'">
			<myline :mydata="mydata"></myline>
		</template>

		<template v-if="mydata.name == 'hot_area'">
			<hotarea :mydata="mydata"></hotarea>
		</template>
		<template v-if="mydata.name == 'cube'">
			<cube :mydata="mydata"></cube>
		</template>
		<template v-if="mydata.name == 'layer'">
			<layer :mydata="mydata"></layer>
		</template>
		<template v-if="mydata.name == 'btnGroup'">
			<btnGroup :mydata="mydata"></btnGroup>
		</template>
		<template v-if="mydata.name == 'coupon'">
			<coupon :mydata="mydata"></coupon>
		</template>
		<template v-if="mydata.name == 'notice'">
			<notice :mydata="mydata"></notice>
		</template>
		<template v-if="mydata.name == 'richtext'">
			<richtext :mydata="mydata"></richtext>
		</template>
		<template v-if="mydata.name == 'merchgroup'">
			<merchgroup :mydata="mydata"></merchgroup>
		</template>

		<template v-if="mydata.name == 'diyform'">
			<diyform :mydata="mydata"></diyform>
		</template>
		<template v-if="mydata.name == 'follow'">
			<follow :mydata="mydata"></follow>
		</template>
		<template v-if="mydata.name == 'seckill'">
			<seckill :mydata="mydata"></seckill>
		</template>
		<template v-if="mydata.name == 'presell'">
			<presell :mydata="mydata"></presell>
		</template>
		<template v-if="mydata.name == 'groupon'">
			<groupon :mydata="mydata"></groupon>
		</template>
		
		<!-- #ifdef MP-WEIXIN -->
		<template v-if="mydata.name == 'liver'">
			<liver :mydata="mydata"></liver>
		</template>
		<!-- #endif -->
	
	<template v-if="mydata.name == 'video'">
		<mvideo :mydata="mydata"></mvideo>
	</template>

		<template v-if="mydata.name == 'member'">
			<member :mydata="mydata"></member>
		</template>
		<template v-if="mydata.name == 'bindmobile'">
			<bindmobile :mydata="mydata"></bindmobile>
		</template>
		<template v-if="mydata.name == 'icongroup'">
			<icongroup :mydata="mydata"></icongroup>
		</template>
		<template v-if="mydata.name == 'listmenu'">
			<listmenu :mydata="mydata"></listmenu>
		</template>
		<template v-if="mydata.name == 'detail_comment'">
			<detailcomment :mydata="mydata"></detailcomment>
		</template>
		<template v-if="mydata.name == 'detail_info'">
			<detailinfo @change="change" :mydata="mydata"></detailinfo>
		</template>
		<template v-if="mydata.name == 'detail_sale'">
			<detailsale @change="change" :mydata="mydata"></detailsale>
		</template>
		<template v-if="mydata.name == 'detail_banner'">
			<detailbanner :mydata="mydata"></detailbanner>
		</template>
		<template v-if="mydata.name == 'detail_pullup'">
			<detailpullup :mydata="mydata"></detailpullup>
		</template>
		<template v-if="mydata.name == 'merchshop'">
			<merchshop :mydata="mydata"></merchshop>
		</template>
		<template v-if="mydata.name == 'advs'">
			<advs :mydata="mydata"></advs>
		</template>

		<template v-if="mydata.name == 'vipmember'">
			<vipmember :mydata="mydata"></vipmember>
		</template>
		<template v-if="mydata.name == 'vipshangpinzu'">
			<shangpinzu :mydata="mydata"></shangpinzu>
		</template>
		<template v-if="mydata.name == 'vipinterests'">
			<vipinterests :mydata="mydata"></vipinterests>
		</template>
	</view>
</template>
<script>
	import toptabs from '@/components/renovation/Basics/toptabs.vue';
	import banner from '@/components/renovation/Basics/banner.vue';
	import shangpinzu from '@/components/renovation/Basics/shangpinzu.vue';
	import tabsContent from '@/components/renovation/Basics/tabsContent.vue';
	import searchBar from '@/components/renovation/Basics/searchBar.vue';
	import titleBar from '@/components/renovation/Basics/titleBar.vue';
	import singlePics from '@/components/renovation/Basics/singlePics.vue';
	import blank from '@/components/renovation/Basics/blank.vue';
	import myline from '@/components/renovation/Basics/myline.vue';
	import advs from '@/components/renovation/Basics/advs.vue';
	import hotarea from '@/components/renovation/Basics/hot_area.vue';
	import cube from '@/components/renovation/Basics/cube.vue';
	import layer from '@/components/renovation/Basics/layer.vue';
	import btnGroup from '@/components/renovation/Basics/btnGroup.vue';
	import coupon from '@/components/renovation/Basics/coupon.vue';
	import notice from '@/components/renovation/Basics/notice.vue';
	import richtext from '@/components/renovation/Basics/richtext.vue';
	import merchgroup from '@/components/renovation/Basics/merchgroup.vue';
	import diyform from '@/components/renovation/Basics/diyform.vue';
	import follow from '@/components/renovation/Basics/follow.vue';
	import seckill from '@/components/renovation/Basics/seckill.vue';
	import groupon from '@/components/renovation/Basics/groupon.vue';
	import presell from '@/components/renovation/Basics/presell.vue';
	
	import liver from '@/components/renovation/Basics/liver.vue';
	import mvideo from '@/components/renovation/Basics/video.vue';
	

	import member from '@/components/renovation/User/member.vue';
	import bindmobile from '@/components/renovation/User/bindmobile.vue';
	import icongroup from '@/components/renovation/User/icongroup.vue';
	import listmenu from '@/components/renovation/User/listmenu.vue';

	import detailcomment from '@/components/renovation/Detail/detail_comment.vue';
	import detailinfo from '@/components/renovation/Detail/detail_info.vue';
	import detailsale from '@/components/renovation/Detail/detail_sale.vue';
	import detailbanner from '@/components/renovation/Detail/detail_banner.vue';
	import detailpullup from '@/components/renovation/Detail/detail_pullup.vue';
	import merchshop from '@/components/renovation/Detail/merchshop.vue';

	import vipmember from '@/components/renovation/vipUser/vip_member.vue';
	// import vipshangpinzu from '@/components/renovation/vipUser/vip_shangpinzu.vue';
	import vipinterests from '@/components/renovation/vipUser/vip_interests.vue';
	export default {
		data() {
			return {};
		},

		props: {
			mydata: {
				type: Object,
				default: {}
			}
		},
		components: {
			toptabs,
			banner,
			shangpinzu,
			tabsContent,
			searchBar,
			titleBar,
			singlePics,
			blank,
			advs,
			hotarea,
			cube,
			layer,
			btnGroup,
			coupon,
			notice,
			richtext,
			merchgroup,
			diyform,
			myline,
			member,
			bindmobile,
			icongroup,
			listmenu,
			detailcomment,
			detailinfo,
			detailsale,
			detailbanner,
			detailpullup,
			merchshop,
			follow,
			seckill,
			presell,
			groupon,
			liver,
			mvideo,
			vipmember,

			vipinterests
		},

		methods: {
			change(type) {
				this.$emit('change', type);
			},
			changetab(i) {
				// store.commit('settab', i);
				this.$nextTick(function(){
					this.$emit('changtab', i);
				})
				
				
			}
		}
	};
</script>

<style>
	.item {
		position: relative;
	}
</style>
